<template>
  <div>
    <h2>我是用户界面</h2>
    <p>我是用户界面的相关信息</p>
    <h2>{{userId}}</h2>
    <h2>{{$route.params.id}}</h2>
    <button @click="btnclick">按钮</button>
  </div>
</template>

<script>
export default {
  name: 'user',
  computed: {
    userId() {
      // $route: 获取当前活跃状态路由(当前使用显示的)
      return this.$route.params.id
    }
  },
  methods: {
    btnclick() {
      // 打印$router
      console.log(this.$router)
      // 打印$route
      console.log(this.$route)
      // this.test()
      // console.log(this.name)
    }
  },
  // 创建时调用
  created() {
    console.log('user created')
    
  },
  // 销毁时调用(生命周期结束)
  destroyed () {
    console.log("user destroyed")
  }
}
</script>

<style>

</style>